.component-dot-loading {
    display: flex;
    align-items: center;
    margin: 0px 5px;

    .dot {
        width: 4px;
        height: 4px;
        margin: 0 2px;
        border-radius: 50%;
        background-color: #343333;
        animation: bounce 1.5s infinite ease-in-out;
    }

    .dot:nth-child(1) {
        animation-delay: -0.32s;
    }

    .dot:nth-child(2) {
        animation-delay: -0.16s;
    }

    @keyframes bounce {

        0%,
        80%,
        100% {
            transform: scale(0.8);
            opacity: 0.7;
        }

        40% {
            transform: scale(1.2);
            opacity: 1;
        }
    }
}